import React from 'react'
import ThemeContext from './context/theme-context'

function HomeBanner() {
  return (
    <div>
      HomeBanner
      {/* 函数式组件中使用Context共享的数据 */}
      <ThemeContext.Consumer>
        {(value) => {
          // 通过回调函数的形式获取到共享的数据
          return <h2>{value.color}</h2>
        }}
      </ThemeContext.Consumer>
    </div>
  )
}

export default HomeBanner
